@charset "UTF-8"; /*==================== 鼠标进入图片效果 ====================*/ .hover-zoom { -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom img { -webkit-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out; width:100%; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); opacity:1; filter:alpha(opacity=100); } .hover-zoom-in { -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom-in img { -webkit-transition:0.4s all ease-in-out; transition:0.4s all ease-in-out; width:100%; -webkit-backface-visibility:hidden; -webkit-perspective:1000; } .hover-zoom-in:hover img { -webkit-transform:scale(0.95); -moz-transform:scale(0.95); -o-transform:scale(0.95); transform:scale(0.95); opacity:1; filter:alpha(opacity=100); } .hover-fade { -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; background:#333; } .hover-fade img { width:100%; opacity:1; filter:alpha(opacity=100); -webkit-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out; } .hover-fade:hover img { opacity:0.8; filter:alpha(opacity=80); width:100%; } .hover-shiftup { -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear; } .hover-shiftup:hover { -webkit-transform:translate3d(0, -3px, 0); -moz-transform:translate3d(0, -3px, 0); transform:translate3d(0, -3px, 0); } .hover-opacity08:hover img { opacity:0.8; filter:alpha(opacity=80); } .hover-zoom-out img:hover { z-index:5; -webkit-transform:scale3d(1.1, 1.1, 1.1); -moz-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1); -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666; } .hover-icon { transition:all .6s; } .hover-icon:hover { transform:scale(1.2); } .hover-shadow:hover { box-shadow:0 15px 30px rgba(0,0,0,.1); } .shadow { box-shadow:0 2px 19px rgba(68,68,68,.08); -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } /*==================== 公用 ====================*/ .container { margin:0 auto; width:1200px; max-width:1200px; } * { transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; -o-transition:all .4s; } .no-transition { transition:all 0s; -webkit-transition:all 0s; -moz-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; } /*==================== 头部菜单导航 ====================*/ #dy_header_top { height:40px; background:-webkit-linear-gradient(left,#0070C6 50%,#FD1100 50%); background:-o-linear-gradient(right,#0070C6 50%,#FD1100 50%); background:-moz-linear-gradient(right,#0070C6 50%,#FD1100 50%); background:linear-gradient(to right, #0070C6 50%,#FD1100 50%); position:fixed; width:100%; z-index:9; } #dy_header_top .dy-head-top { } #dy_header_top .dy-head-top .h-left { width:calc(100% - 200px); float:left; background:#0070C6; height:35px; } #dy_header_top .dy-head-top .h-left p { float:left; height:35px; line-height:35px; color:#bddbff; font-size:14px; } #dy_header_top .dy-head-top .h-right { float:right; width:200px; height:40px; line-height:39px; background:url(../Images/icon_topphone.png) no-repeat 20px center; font-size:23px; color:#fff; letter-spacing:0.6px; } #dy_header_top .dy-head-top .h-right p { padding-left:55px; } #dy_header { position:relative; width:100%; height:110px; padding-top:40px; background:#fff; } #dy_header .dy-header { display:block; } /* LOGO */ #dy_header .dy-header .logo-container { width:320px; float:left; padding-top:20px; } #dy_header .dy-header .logo-container img { width:100%; } /* 菜单 */ #dy_header .dy-header .nav-container { float:right; } #dy_header .dy-header .nav-container .nav { position:relative; } #dy_header .dy-header .nav-container .nav ul { margin:0; } #dy_header .dy-header .nav-container .nav ul.firstfloor>li { display:inline-block; float:left; padding:0px 30px; font-size:16px; text-align:center; position:relative; cursor:pointer; } #dy_header .dy-header .nav-container .nav ul.firstfloor>li>a { display:block; width:100%; color:#000; line-height:110px; } #dy_header .dy-header .nav-container .nav ul.firstfloor>li:hover, #dy_header .dy-header .nav-container .nav ul.firstfloor>li.active { background:#0070c6; } #dy_header .dy-header .nav-container .nav ul.firstfloor>li:hover>a, #dy_header .dy-header .nav-container .nav ul.firstfloor>li.active>a { color:#fff; } #dy_header .dy-header .nav-container .nav ul.secondfloor { position:absolute; left:0; top:100%; z-index:9999; display:none; background:rgba(255,255,255,.8); min-width:100%; box-sizing:border-box; white-space:nowrap; padding:0 10px; } #dy_header .dy-header .nav-container .nav ul.secondfloor>li { border-bottom:1px solid #e4eaec; width:100%; line-height:40px; height:40px; font-size:13px; margin-left:0; } #dy_header .dy-header .nav-container .nav ul.secondfloor>li>a { width:100%; height:100%; display:block; color:#76838f; } #dy_header .dy-header .nav-container .nav ul.secondfloor li a:hover { color:#000; } /*==================== 首页：滚动广告栏 ====================*/ #dy_slider { position:relative; background:#f4f4f4; } #dy_slider .dy-slider { position:relative; width:100%; overflow:hidden; } #dy_slider .dy-slider .swiper-container { width:100%; height:100%; } #dy_slider .dy-slider .swiper-container .swiper-slide { position:relative; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-image { width:100%; height:100%; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-image img { height:100%; width:100%; } #dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn { position:absolute; left:0; right:0; bottom:12%; z-index:10; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a { display:inline-block; width:164px; height:52px; line-height:52px; border-radius:5px; background:#32C424; color:#fff; text-align:center; font-size:18px; margin:0 12px; } #dy_slider .dy-slider .swiper-container .swiper-slide .swiper-ctrl-btn a:nth-child(2) { background:#0168ff; } #dy_slider .dy-slider .swiper-container .swiper-pagination { bottom:3%; } #dy_slider .dy-slider .swiper-pagination-bullet { width:10px; height:10px; background:#fff; opacity:0.6; } #dy_slider .dy-slider .swiper-pagination-bullet-active { background:#fff; opacity:0.6; width:30px; border-radius:5px; -webkit-transition:all .4s ease; transition:all .4s ease; } /* 文字 */ #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text { position:absolute; top:25%; right:5%; width:45%; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="left"] .slide-text { left:0; text-align:right; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="center"] .slide-text { left:25%; text-align:center; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-xposition="right"] .slide-text { right:0; text-align:left; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="top"] .slide-text { top:25%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="middle"] .slide-text { top:35%; } #dy_slider .dy-slider .swiper-container .swiper-slide[text-yposition="bottom"] .slide-text { top:55%; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h1 { color:#fff; font-size:60px; font-weight:400; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h2 { color:#fff; font-size:48px; font-weight:400; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h3 { color:#fff; font-size:32px; font-weight:400; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h4 { color:#fff; font-size:28px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h5 { color:#fff; font-size:24px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text h6 { color:#fff; font-size:20px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text p { color:#fff; font-size:18px; line-height:1.8em; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .line { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #fff; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link { margin-top:20px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a { color:#fff; font-size:18px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:after { position:absolute; content:''; display:block; width:24px; height:1px; background-color:#fff; bottom:-5px; left:49.5%; margin-left:-8px; -webkit-transition:all .4s ease; transition:all .4s ease; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn { margin-top:20px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn a { background:rgba(242,169,59,.5); color:#fff; font-size:16px; padding:3px 20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-btn a:hover { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h1, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h2, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h3, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h4, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h5, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text h6, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text p { color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h1, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h2, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h3, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h4, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h5, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text h6, #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text p { color:#000; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .line { border-bottom:1px solid #fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .line { border-bottom:1px solid #000; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .slide-link a { color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .slide-link a { color:#000; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="white"] .slide-text .slide-link a:after { background-color:#fff; } #dy_slider .dy-slider .swiper-container .swiper-slide[data-theme="black"] .slide-text .slide-link a:after { background-color:#000; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:hover { color:#f99f05; -webkit-transition:color .4s ease; transition:color .4s ease; } #dy_slider .dy-slider .swiper-container .swiper-slide .slide-text .slide-link a:hover:after { background-color:#f99f05; width:75px; margin-left:-33px; } /*==================== 内页：Banner广告条 ====================*/ #dy_banner { position:relative; width:100%; } #dy_banner .dy-banner { width:100%; } #dy_banner .dy-banner .banner-container { width:100%; } #dy_banner .dy-banner .banner-container .banner-image { display:block; width:100%; height:auto; } #dy_banner .dy-banner .banner-container .banner-image img { display:block; width:100%; height:auto; } #dy_banner .dy-banner .banner-container .banner-text { position:absolute; width:100%; top:35%; text-align:right; } #dy_banner .dy-banner .banner-container[text-xposition="left"] .banner-text { text-align:left; } #dy_banner .dy-banner .banner-container[text-xposition="middle"] .banner-text { text-align:center; } #dy_banner .dy-banner .banner-container[text-xposition="right"] .banner-text { text-align:right; } #dy_banner .dy-banner .banner-container[text-yposition="top"] .banner-text { top:35%; } #dy_banner .dy-banner .banner-container[text-yposition="middle"] .banner-text { top:45%; } #dy_banner .dy-banner .banner-container[text-yposition="bottom"] .banner-text { top:65%; } #dy_banner .dy-banner .banner-container .banner-text h1 { color:#fff; font-size:60px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h2 { color:#fff; font-size:48px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h3 { color:#fff; font-size:32px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h4 { color:#fff; font-size:28px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h5 { color:#fff; font-size:24px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text h6 { color:#fff; font-size:20px; line-height:1.8em; letter-spacing:10px; font-weight:400; } #dy_banner .dy-banner .banner-container .banner-text p { color:#fff; font-size:18px; line-height:1.8em; letter-spacing:4px; font-weight:400; text-transform:uppercase; } #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h1, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h2, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h3, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h4, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h5, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text h6, #dy_banner .dy-banner .banner-container[data-theme="black"] .banner-text p { color:#000; } #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h1, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h2, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h3, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h4, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h5, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text h6, #dy_banner .dy-banner .banner-container[data-theme="white"] .banner-text p { color:#fff; } /*==================== 主内容区 ====================*/ #dy_main { width:100%; overflow:hidden; } /* 公用标题 */ #dy_main .pub-title { position:relative; width:100%; padding-bottom:20px; text-align:center; overflow:hidden; } #dy_main .pub-title h2 span:first-child { font-size:36px; color:#333; font-weight:700; position:absolute; left:50%; top:36%; z-index:1; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } #dy_main .pub-title h2 span:last-child { font-size:68px; color:#0070c6; font-weight:700; letter-spacing:4px; text-transform:uppercase; display:block; line-height:1; opacity:0.1; } #dy_main .pub-title h2.has-desc { padding-bottom:10px; } #dy_main .pub-title p { font-size:16px; color:#666; line-height:1.5em; } #dy_main .pub-title.white h2 span:first-child { color:#fff; } #dy_main .pub-title.white h2 span:last-child { color:#fff; opacity:0.2; } #dy_main .pub-title.white p { color:#aaa; } /*==================== 首页：关键词 ====================*/ #dy_main .index-keyword { width:100%; background:#f4f4f4; padding:13px 0; overflow:hidden; } #dy_main .index-keyword .keyword-container { } #dy_main .index-keyword .keyword-container .l { width:calc(100% - 350px); height:24px; line-height:24px; -webkit-text-size-adjust:none; } #dy_main .index-keyword .keyword-container .l span { background:url(../Images/icon_hot.png) no-repeat left center; padding-left:45px; font-size:16px; color:#404040; font-weight:700; } #dy_main .index-keyword .keyword-container .l a { font-size:14px; color:#000; margin-right:25px; position:relative; } #dy_main .index-keyword .keyword-container .l a:before { content:''; position:absolute; right:-14px; top:4px; width:2px; height:14px; background:#828282; } #dy_main .index-keyword .keyword-container .l a:last-child { padding-right:0; } #dy_main .index-keyword .keyword-container .l a:last-child:before { content:none; } #dy_main .index-keyword .keyword-container .r { float:right; } #dy_main .index-keyword .keyword-container .r input { float:left; height:34px; line-height:32px; border:1px solid #c7c7c7; padding:0 10px; width:299px; outline:none; border-right:none; background:#fff; } #dy_main .index-keyword .keyword-container .r .btn { float:right; width:34px; height:34px; background:url(../Images/icon_search.png) no-repeat center center #e91917; cursor:pointer; } /*==================== 首页：服务项目 ====================*/ #dy_main .index-service { width:100%; padding:2% 0 3%; background:#fff; overflow:hidden; } #dy_main .index-service .index-service-cate { margin-top:22px; } #dy_main .index-service .index-service-cate a { display:block; float:left; height:48px; line-height:48px; width:15.5%; margin-left:1.4%; background:#e4e4e4; font-size:16px; color:#000; text-align:center; } #dy_main .index-service .index-service-cate a:first-child { margin-left:0; } #dy_main .index-service .index-service-cate a:hover { background:#0070c6; color:#fff; } #dy_main .index-service .index-service-container { margin-top:22px; } #dy_main .index-service .index-service-container ul { width:100%; } #dy_main .index-service .index-service-container ul li { float:left; width:32%; margin-left:2%; margin-top:25px; } #dy_main .index-service .index-service-container ul li:nth-child(3n+1) { margin-left:0; } #dy_main .index-service .index-service-container ul li .pic { width:100%; padding-bottom:75%; position:relative; overflow:hidden; } #dy_main .index-service .index-service-container ul li .pic img { display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; } #dy_main .index-service .index-service-container ul li p { margin:0; background:#e4e4e4; height:47px; line-height:47px; text-align:center; padding:0 10px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .index-service .index-service-container ul li p a { color:#282828; } /*==================== 首页：服务项目分隔 ====================*/ #dy_main .index-service-separate { width:100%; background:url(../Images/bg_service_separate.jpg) no-repeat center top; padding:31px 0 45px; background-size:cover; } #dy_main .index-service-separate .index-service-separate-container { text-align:center; } #dy_main .index-service-separate .index-service-separate-container span { display:inline-block; height:39px; line-height:39px; font-size:50px; color:rgba(255,255,255,.07); font-weight:700; letter-spacing:9px; text-transform:uppercase; } #dy_main .index-service-separate .index-service-separate-container p { margin:0; text-shadow:1px 2px 2px rgba(9,2,4,.48); color:#fff; } #dy_main .index-service-separate .index-service-separate-container i { display:inline-block; width:65px; height:2px; background:#fff; margin-top:21px; } #dy_main .index-service-separate .index-service-separate-container p:nth-child(2) { font-size:36px; font-weight:700; height:42px; line-height:42px; } #dy_main .index-service-separate .index-service-separate-container p:nth-child(3) { font-size:22px; font-weight:700; height:30px; line-height:30px; margin-top:8px; } #dy_main .index-service-separate .index-service-separate-container p:nth-child(5) { font-size:16px; line-height:30px; margin-top:7px; font-weight:700; } #dy_main .index-service-separate .index-service-separate-container .btn { margin-top:22px; text-align:center; font-size:0; -webkit-text-size-adjust:none; } #dy_main .index-service-separate .index-service-separate-container .btn a { width:169px; height:34px; line-height:34px; background:#fd1100; color:#fff; display:inline-block; font-size:16px; font-weight:700; border-radius:15px; margin-left:23px; } #dy_main .index-service-separate .index-service-separate-container .btn a:first-child { margin-left:0; } /*==================== 首页：公司优势 ====================*/ #dy_main .index-advantage { width:100%; padding:2% 0 3%; background:#fff; overflow:hidden; } #dy_main .index-advantage .index-advantage-container { margin-top:40px; } #dy_main .index-advantage .index-advantage-container .advantage-list { width:100%; overflow:hidden; position:relative; } #dy_main .index-advantage .index-advantage-container .advantage-list ul { width:400%; display:table; height:auto; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li { display:table-cell; width:25%; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .l { width:50%; float:left; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .l .pic { width:100%; padding-bottom:59.67%; position:relative; overflow:hidden; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .l .pic img { width:100%; height:100%; display:block; position:absolute; left:0; top:0; object-fit:cover; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r { width:50%; float:right; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info { width:100%; padding-bottom:59.67%; position:relative; background:url(../Images/bg_advantage_top.jpg) no-repeat left top,url(../Images/bg_advantage_bottom.jpg) no-repeat left bottom,url(../Images/bg_advantage_right.jpg) repeat-y right 6px; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt { position:absolute; height:100%; padding:38px 55px 10px; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt p { margin:0; line-height:24px; color:#666; font-size:14px; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt p:first-child { height:42px; line-height:42px; color:#0070c6; font-size:30px; font-weight:700; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt p:nth-child(2) { height:32px; line-height:32px; color:#333; font-size:20px; font-weight:700; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt i { display:inline-block; width:60px; height:3px; background:#9f9f9f; margin:25px 0 15px; } #dy_main .index-advantage .index-advantage-container .advantage-list ul li .r .advantage-info .txt .tel { width:100%; height:69px; line-height:69px; border-radius:34px; background:#dfdfdf; text-align:center; color:#5d5d5d; font-size:25px; margin-top:15px; } #dy_main .index-advantage ul.index-advantage-cate { margin-top:40px; } #dy_main .index-advantage ul.index-advantage-cate li { width:24.82%; margin-left:0.24%; float:left; height:91px; line-height:91px; color:#fff; text-align:center; background:#3A3A3A; cursor:pointer; position:relative; } #dy_main .index-advantage ul.index-advantage-cate li:first-child { margin-left:0; } #dy_main .index-advantage ul.index-advantage-cate li span { display:inline-block; padding-left:50px; font-size:20px; font-weight:700; } #dy_main .index-advantage ul.index-advantage-cate li span.icon { background-repeat:no-repeat; background-position:left; background-size:36px; } #dy_main .index-advantage ul.index-advantage-cate li i { border-bottom:10px solid #0070c6; border-left:10px solid transparent; border-right:10px solid transparent; position:absolute; top:-10px; left:50%; margin-left:-10px; display:none; } #dy_main .index-advantage ul.index-advantage-cate li.on, #dy_main .index-advantage ul.index-advantage-cate li:hover { background:#0070c6; } #dy_main .index-advantage ul.index-advantage-cate li.on i, #dy_main .index-advantage ul.index-advantage-cate li:hover i { display:block; } /*==================== 首页：案例分享 ====================*/ #dy_main .index-case { width:100%; padding:2% 0 3%; background:#f5f5f5; overflow:hidden; } #dy_main .index-case .index-case-container { position:relative; margin-top:30px; } #dy_main .index-case .index-case-container .case-list { width:100%; overflow:hidden; } #dy_main .index-case .index-case-container .case-list .swiper-slide { } #dy_main .index-case .index-case-container .case-list .swiper-slide .item { width:100%; padding-bottom:136.7%; position:relative; } #dy_main .index-case .index-case-container .case-list .swiper-slide .item img { position:absolute; top:0; left:0; object-fit:cover; width:100%; height:100%; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade { position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,.5); } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt { text-align:center; width:100%; top:50%; position:absolute; transform:translateY(-35%); } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt i { display:inline-block; width:54px; height:54px; background:url(../Images/icon_case_more.png) no-repeat left top; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt p { margin:0; margin-top:21px; height:30px; line-height:30px; font-size:20px; color:#fff; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt em { display:block; width:35px; height:3px; background:#fff; margin:0 auto; margin-top:18px; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt span { display:inline-block; width:121px; height:34px; line-height:32px; border:1px solid #fff; color:#fff; font-size:13px; text-align:center; text-transform:uppercase; margin-top:75px; } #dy_main .index-case .index-case-container .case-list .swiper-slide .shade .txt span:hover { border:1px solid #22c995; color:#22c995; } #dy_main .index-case .index-case-container .swiper-button-prev { width:37px; height:91px; background-image:url(../Images/case_larrow.png); background-size:100% 100%; left:-92px; outline:none; margin-top:-45px; } #dy_main .index-case .index-case-container .swiper-button-next { width:37px; height:91px; background-image:url(../Images/case_rarrow.png); background-size:100% 100%; right:-92px; outline:none; margin-top:-45px; } #dy_main .index-case .index-case-more { height:61px; margin-top:82px; position:relative; text-align:center; } #dy_main .index-case .index-case-more:before { content:''; width:100%; height:1px; background:#808080; position:absolute; left:0; top:50%; z-index:1; } #dy_main .index-case .index-case-more a { display:inline-block; width:236px; height:61px; line-height:59px; border:1px solid #808080; text-align:center; font-size:18px; color:#000; background:#f5f5f5; z-index:2; position:relative; } #dy_main .index-case .index-case-more a:hover { color:#22c995; } /*==================== 首页：关于我们 ====================*/ #dy_main .index-about { width:100%; padding:2% 0 3%; background:url(../Images/bg_about.jpg) no-repeat center center; background-size:cover; overflow:hidden; } #dy_main .index-about .index-about-container { margin-top:67px; text-align:center; background:#0070c6; position:relative; min-height:381px; } #dy_main .index-about .index-about-container .pic { width:536px; position:absolute; top:-33px; left:50px; } #dy_main .index-about .index-about-container .pic img { width:536px; height:381px; display:block; border:3px solid #fff; } #dy_main .index-about .index-about-container .txt { width:calc(100% - 676px); float:right; padding:60px 40px 0; text-align:left; line-height:24px; color:#fff; font-size:14px; } #dy_main .index-about .index-about-container .txt h2 { font-size:24px; font-weight:700; height:30px; line-height:30px; margin-bottom:27px; } #dy_main .index-about .index-about-container .txt p { margin:0; line-height:24px; color:#fff; font-size:14px; } #dy_main .index-about .index-about-container .more { width:41px; height:34px; line-height:34px; font-size:20px; color:#fff; text-align:center; position:absolute; right:0; bottom:0; background:#3a3a3a; } #dy_main .index-about .index-about-container .more:hover { background:#22c995; } /*==================== 首页：新闻资讯 ====================*/ #dy_main .index-news { width:100%; padding:2% 0 3%; background:#f5f5f5; overflow:hidden; } #dy_main .index-news .index-news-container { margin-top:43px; } #dy_main .index-news .index-news-container .title { height:25px; border-left:4px solid #0070c6; background:url(../Images/bg_news_title.jpg) repeat-x left bottom; position:relative; } #dy_main .index-news .index-news-container .title h2 { margin:0; height:25px; line-height:25px; font-size:24px; color:#333; font-weight:700; display:inline-block; padding:0 50px 0 20px; background:#f5f5f5; } #dy_main .index-news .index-news-container .title .more { position:absolute; right:0; top:0; display:inline-block; height:25px; line-height:25px; background:url(../Images/icon_news_title_more.png) no-repeat right center #f5f5f5; padding:0 35px; font-size:16px; color:#c3c3c3; } #dy_main .index-news .index-news-container .news-list { width:63%; float:left; } #dy_main .index-news .index-news-container .news-list ul { position:relative; margin-top:10px; } #dy_main .index-news .index-news-container .news-list ul li { padding:28px 0 29px; border-bottom:1px solid #ddd; overflow:hidden; } #dy_main .index-news .index-news-container .news-list ul li .pic { width:195px; height:121px; float:left; overflow:hidden; } #dy_main .index-news .index-news-container .news-list ul li .pic img { display:block; width:100%; height:100%; object-fit:cover; } #dy_main .index-news .index-news-container .news-list ul li .txt { width:calc(100% - 195px - 30px); float:right; padding-left:30px; } #dy_main .index-news .index-news-container .news-list ul li .txt .info { width:calc(100% - 80px); float:left; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p { margin:0; color:#666; line-height:24px; text-align:left; font-size:14px; margin-top:2px; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p a { color:#333; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p a:hover { color:#22c995; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p:first-child { font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .index-news .index-news-container .news-list ul li .txt .info p:nth-child(2) { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } #dy_main .index-news .index-news-container .news-list ul li .txt .info a.moreicon { width:77px; height:25px; border:1px solid #0070c6; background:url(../Images/icon_news_more.png) no-repeat center center; display:inline-block; margin-top:13px; } #dy_main .index-news .index-news-container .news-list ul li .txt .info a.moreicon:hover { border:1px solid #22c995; background-image:url(../Images/icon_news_more_hover.png) } #dy_main .index-news .index-news-container .news-list ul li .txt .date { width:60px; float:right; padding:16px 0 29px; } #dy_main .index-news .index-news-container .news-list ul li .txt .date p { margin:0; font-weight:700; text-align:center; } #dy_main .index-news .index-news-container .news-list ul li .txt .date p:first-child { height:38px; line-height:38px; font-size:36px; color:#303030; } #dy_main .index-news .index-news-container .news-list ul li .txt .date p:last-child { height:20px; line-height:20px; font-size:14px; color:#666; } #dy_main .index-news .index-news-container .news-list ul li .txt .date i { display:inline-block; width:100%; height:1px; background:#d8d8d8; margin:8px 0 11px; } #dy_main .index-news .index-news-container .faq-list { width:33%; float:right; } #dy_main .index-news .index-news-container .faq-list ul { padding-top:32px; } #dy_main .index-news .index-news-container .faq-list ul li a { padding:21px 25px; display:block; border:1px solid #d6d6d6; margin-top:16px; } #dy_main .index-news .index-news-container .faq-list ul li a p { margin:0; position:relative; line-height:24px; padding-left:38px; font-size:14px; color:#666; } #dy_main .index-news .index-news-container .faq-list ul li a p:first-child { height:24px; font-size:15px; color:#333; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:38px; } #dy_main .index-news .index-news-container .faq-list ul li a p:last-child { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:3px; } #dy_main .index-news .index-news-container .faq-list ul li a p:before { width:24px; height:24px; position:absolute; left:0; top:0; font-size:14px; font-weight:700; text-align:center; line-height:24px; color:#fff; border-radius:5px; } #dy_main .index-news .index-news-container .faq-list ul li a p:first-child:before { content:'Q'; background:#dd1818; } #dy_main .index-news .index-news-container .faq-list ul li a p:last-child:before { content:'A'; background:#9f9f9f; top:4px; } #dy_main .index-news .index-news-container .faq-list ul li a:hover { border:1px solid #22c995; } #dy_main .index-news .index-news-container .faq-list ul li a:hover p:first-child { color:#22c995; } #dy_main .index-news .index-news-container .faq-list ul li a:hover p:first-child:before { background:#22c995; } /*==================== 首页：友情链接 ====================*/ #dy_main .index-link { width:100%; padding:2% 0 3%; background:#0070c6; overflow:hidden; } #dy_main .index-link .index-link-container { width:100%; } #dy_main .index-link .index-link-container .l { width:100px; float:left; } #dy_main .index-link .index-link-container .l p { margin:0; height:20px; line-height:20px; color:#fff; font-weight:700; color:#fff; font-size:15px; text-align:center; } #dy_main .index-link .index-link-container .l p:first-child { height:44px; line-height:44px; font-size:40px; font-weight:700; text-transform:uppercase; } #dy_main .index-link .index-link-container .r { width:calc(100% - 100px); font-size:0; -webkit-text-size-adjust:none; float:right; } #dy_main .index-link .index-link-container .r a { display:inline-block; line-height:32px; white-space:nowrap; padding:0 20px; font-size:14px; color:#9fc7ff; position:relative; } #dy_main .index-link .index-link-container .r a:hover { color:#fff; } #dy_main .index-link .index-link-container .r a:after { content:''; width:1px; height:12px; background:#9fc7ff; position:absolute; top:10px; right:0; } #dy_main .index-link .index-link-container .r a:last-child:after { width:0px; } /*==================== 内页：导航菜单 ====================*/ #dy_main .page-nav { width:100%; height:50px; border-bottom:1px solid #e0e0e0; } #dy_main .page-nav .page-location-container { padding:0; } #dy_main .page-nav .page-location-container .location { background:url(../Images/icon_home.png) no-repeat left 18px; background-size:auto 12px; line-height:29px; float:left; padding:10px 0 10px 20px; color:#555; font-size:14px; } #dy_main .page-nav .page-location-container .location a { color:#555; font-size:14px; } #dy_main .page-nav .page-location-container .location span { padding:0 10px; } #dy_main .page-nav .page-nav-container { float:right; font-size:0; -webkit-text-size-adjust:none; } #dy_main .page-nav .page-nav-container a { display:inline-block; height:50px; line-height:50px; padding:0 18px; text-align:center; position:relative; font-size:14px; overflow:unset; } #dy_main .page-nav .page-nav-container a.on { background:#22c995; color:#fff; } #dy_main .page-nav .page-nav-container a.on i { position:absolute; left:50%; margin-left:-10px; bottom:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #22c995; display:block; } /*==================== 内页：二级菜单 ====================*/ #dy_main ul.cate-nav { text-align:left; font-size:0; -webkit-text-size-adjust:none; padding-top:5px; } #dy_main ul.cate-nav li { margin-right:8px; display:inline-block; background:#a1a1a1; padding:0 20px; font-size:14px; position:relative; margin-top:10px; height:45px; } #dy_main ul.cate-nav li>span { display:inline-block; width:100%; height:45px; } #dy_main ul.cate-nav li>span>a { float:left; height:45px; line-height:45px; display:inline-block; color:#fff; } #dy_main ul.cate-nav li:hover, #dy_main ul.cate-nav li.on { background:#22c995 ; } /*==================== 内页：关于我们 ====================*/ #dy_main .about-us { width:100%; padding:2% 0 6%; background:#fff; overflow:hidden; } #dy_main .about-us .about-us-container { position:relative; } #dy_main .about-us .about-us-container .pic { float:left; width:600px; overflow:hidden; } #dy_main .about-us .about-us-container .pic img { width:100%; } #dy_main .about-us .about-us-container .txt { float:right; width:calc(100% - 600px - 20px); overflow:hidden; } #dy_main .about-us .about-us-container .txt p { line-height:2; color:#555; font-size:15px; margin-top:8px; } #dy_main .about-us .about-us-container .txt p img { max-width:100%; } /*==================== 内页：资讯动态 ====================*/ #dy_main .news { width:100%; padding:0 0 6%; overflow:hidden; } #dy_main .news .news-container { position:relative; } #dy_main .news .news-container ul { width:100%; } #dy_main .news .news-container ul li { padding:35px 0; border-bottom:1px solid #dbdbdb; overflow:hidden; } #dy_main .news .news-container ul li .news-item { width:100%; overflow:hidden; } #dy_main .news .news-container ul li .news-item .pic { width:200px; height:124px; float:left; position:relative; overflow:hidden; } #dy_main .news .news-container ul li .news-item .pic img { display:block; width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0; } #dy_main .news .news-container ul li .news-item .txt { width:calc(100% - 340px - 32px); float:left; margin-left:32px; } #dy_main .news .news-container ul li .news-item .txt p { margin-bottom:0; } #dy_main .news .news-container ul li .news-item .txt .title { font-size:22px; line-height:35px; height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .news .news-container ul li .news-item .txt .title a { color:#333; } #dy_main .news .news-container ul li .news-item .txt .title a:hover { color:#22c995; } #dy_main .news .news-container ul li .news-item .txt .desc { line-height:25px; height:75px; padding-top:5px; color:#888; font-size:14px; overflow:hidden; } #dy_main .news .news-container ul li .news-item .date { width:80px; float:right; border:1px solid #dbdbdb; text-align:center; margin-top:32px; color:#999; padding:8px 10px; } #dy_main .news .news-container ul li .news-item .date span { color:#333; font-size:50px; line-height:50px; display:block; } #dy_main .news .news-container ul li .news-item .date p { font-size:14px; color:#666; line-height:25px; height:25px; } /*==================== 内页：联系我们 ====================*/ #dy_main .contact-us { width:100%; padding:2% 0 1%; overflow:hidden; } #dy_main .contact-us .contact-us-container { width:100%; color:#666; } #dy_main .contact-us .contact-us-container .contact-info { width:50%; margin-bottom:30px; float:left; } #dy_main .contact-us .contact-us-container .contact-info em { display:block; float:left; width:50px; height:50px; border-radius:50%; } #dy_main .contact-us .contact-us-container .contact-info em.contactman { background:url(../Images/icon_contactman.png) no-repeat center center #1b74e2; } #dy_main .contact-us .contact-us-container .contact-info em.tel { background:url(../Images/icon_tel.png) no-repeat center center #1b74e2; } #dy_main .contact-us .contact-us-container .contact-info em.phone { background:url(../Images/icon_phone.png) no-repeat center center #1b74e2; } #dy_main .contact-us .contact-us-container .contact-info em.fax { background:url(../Images/icon_fax.png) no-repeat center center #1b74e2; } #dy_main .contact-us .contact-us-container .contact-info em.email { background:url(../Images/icon_email.png) no-repeat center center #1b74e2; } #dy_main .contact-us .contact-us-container .contact-info em.dh400 { background:url(../Images/icon_400.png) no-repeat center center #1b74e2; } #dy_main .contact-us .contact-us-container .contact-info em.address { background:url(../Images/icon_address.png) no-repeat center center #1b74e2; } #dy_main .contact-us .contact-us-container .contact-info .txt { float:left; margin-left:15px; padding:12px 0; } #dy_main .contact-us .contact-us-container .contact-info .txt p { line-height:26px; margin-bottom:0; color:#555; } #dy_main .contact-us .contact-us-container .contact-info .txt p span { display:inline-block; margin-right:20px; } #dy_main .contact-us .contact-us-container .contact-info .txt p a { color:#555; } #dy_main .contact-us .contact-us-container .contact-info .txt p a:hover { color:#22c995; } /* 地图 */ #dy_main .contact-map { width:100%; padding:0; overflow:hidden; } #dy_main .contact-map #dyjs_map { width:100%; height:550px; } /* 留言 */ #dy_main .contact-feedback { width:100%; padding:0 0 4%; background:url(../Images/bg_feedback.jpg) no-repeat center top; background-size:cover; overflow:hidden; } #dy_main .contact-feedback .contact-feedback-container { padding-top:1px; } #dy_main .contact-feedback .contact-feedback-container .feedback-title { margin-top:30px; color:#fff; margin-top:30px; text-align:center; } #dy_main .contact-feedback .contact-feedback-container .feedback-title p { margin-bottom:23px; font-size:24px; position:relative; } #dy_main .contact-feedback .contact-feedback-container .feedback-title p:after { content:""; position:absolute; bottom:-9px; left:50%; width:38px; height:1px; margin-left:-19px; background:#fff; } #dy_main .contact-feedback .contact-feedback-container .feedback-title span { display:inline-block; line-height:2.1; font-size:16px; color:#fff; } #dy_main .contact-feedback .contact-feedback-container .feedback-form { margin-top:26px; text-align:center; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-1 { float:left; width:49%; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-1 input { margin:0; width:100%; height:49px; border:1px solid #afafb1; margin-top:22px; padding:0 15px; font-size:14px; color:#fff; outline:none; background:none; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-1 input:first-child { margin-top:0; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-1 input.alert { border:1px solid #f00; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 { float:right; width:49%; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 textarea { width:100%; height:120px; border:1px solid #afafb1; padding:15px; font-size:14px; color:#fff; float:right; background:none; outline:none; resize:none; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 textarea.alert { border:1px solid #f00; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 .btn { display:inline-block; background:#0070c6; color:#fff; border-radius:5px; padding:0 25px; height:49px; font-size:16px; text-align:center; margin-top:22px; outline:none; width:100%; margin-bottom:0; line-height:1.42857143; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 .btn:hover { background:#22c995; color:#fff; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 .btn.disabled { background:#f1f1f1; color:#999; } #dy_main .contact-feedback .contact-feedback-container .feedback-form .feedback-form-2 .btn.alert { background:#f00; color:#fff; } /*==================== 内页：通用图片列表：荣誉资质/服务项目/成功案例 ====================*/ #dy_main .pic-list { width:100%; padding:1% 0 6%; overflow:hidden; } #dy_main .pic-list.certification, #dy_main .pic-list.environment { background:none; } #dy_main .pic-list .pic-list-container { position:relative; } #dy_main .pic-list .pic-list-container ul { width:100%; } #dy_main .pic-list .pic-list-container ul li { background:#fff; margin-top:20px; width:23.8%; float:left; margin-left:1.6%; } #dy_main .pic-list .pic-list-container ul li:nth-child(4n+1) { margin-left:0; } #dy_main .pic-list .pic-list-container ul li .pic { width:100%; padding-bottom:75%; position:relative; overflow:hidden; } #dy_main .pic-list .pic-list-container ul li .pic img { object-fit:cover; width:100%; height:100%; position:absolute; left:0; top:0; display:block; transition:1s all; -webkit-transition:1s all; } #dy_main .pic-list .pic-list-container ul li .pic img:hover { transform:scale(1.1); } #dy_main .pic-list .pic-list-container ul li .txt p { margin:0; line-height:43px; font-size:14px; color:#666; text-align:center; background:#f1f1f1; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .pic-list .pic-list-container ul li:hover .txt p { color:#22c995; } /*==================== 内页：通用详情页面：服务项目/成功案例/资讯动态 ====================*/ #dy_main .pub-detail { width:100%; padding:0 0 6%; background:#fff; overflow:hidden; } #dy_main .pub-detail .pub-detail-container { padding:30px 0; } /* 左侧：详情栏 */ #dy_main .pub-detail .pub-detail-container .l { width:71%; float:left; } #dy_main .pub-detail .pub-detail-container .l h1 { line-height:30px; font-size:24px; text-align:center; margin-top:0; } #dy_main .pub-detail .pub-detail-container .l h4 { line-height:26px; padding-bottom:10px; color:#626262; font-size:12px; font-weight:normal; text-align:center; padding-top:10px; border-bottom:1px solid #dbdbdb; margin-bottom:30px; } #dy_main .pub-detail .pub-detail-container .l h4 span { font-size:12px; padding-right:10px; white-space:nowrap; } #dy_main .pub-detail .pub-detail-container .l .content { line-height:30px; font-size:15px; color:#626262; overflow:hidden; } #dy_main .pub-detail .pub-detail-container .l .content h2 { margin:0; font-size:18px; font-weight:700; margin-top:12px; line-height:30px; } #dy_main .pub-detail .pub-detail-container .l .content h3 { margin:0; font-size:15px; font-weight:700; margin-top:8px; line-height:30px; } #dy_main .pub-detail .pub-detail-container .l .content p { line-height:30px; padding-top:8px; font-size:16px; color:#626262; } #dy_main .pub-detail .pub-detail-container .l .content img { margin:0 auto; display:block; max-width:100%; height:auto; } #dy_main .pub-detail .pub-detail-container .l .content table { border-top:1px solid #000; border-left:1px solid #000; margin:0 auto; width:100%!important; } #dy_main .pub-detail .pub-detail-container .l .content table td { border-right:1px solid #000; border-bottom:1px solid #000; padding:5px 0; } #dy_main .pub-detail .pub-detail-container .l .content table td p { margin-top:0; line-height:1.8; } /* 左侧：推荐栏 */ #dy_main .pub-detail .pub-detail-container .r { width:25%; float:right; } #dy_main .pub-detail .pub-detail-container .r .r-container { border:1px solid #dbdbdb; padding:10px; margin-top:20px; } #dy_main .pub-detail .pub-detail-container .r .r-container h2 { font-size:22px; line-height:32px; color:#2a2a2a; padding:10px 0; border-bottom:2px solid #2a2a2a; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list { overflow:hidden; zoom:1; margin-top:30px; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li { margin-bottom:5px; overflow:hidden; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .pic { width:100%; position:relative; overflow:hidden; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .pic img { display:block; width:100%; height:100%; object-fit:cover; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .txt { font-size:14px; color:#666; height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .txt a { color:#666; } #dy_main .pub-detail .pub-detail-container .r .r-pic-container .r-pic-list ul li .txt a:hover { color:#22c995; } #dy_main .pub-detail .pub-detail-container .r .r-txt-container .r-txt-list { padding-bottom:5px; overflow:hidden; } #dy_main .pub-detail .pub-detail-container .r .r-txt-container ul { padding-top:5px} #dy_main .pub-detail .pub-detail-container .r .r-txt-container ul li { line-height:36px; background:url(../Images/icon_dot.png) no-repeat 2px center; text-indent:0.3cm; margin:0 auto; border-bottom:1px dashed #d5d5d5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #dy_main .pub-detail .pub-detail-container .r .r-txt-container ul li a { color:#555; font-size:14px; } #dy_main .pub-detail .pub-detail-container .r .r-txt-container ul li:hover a { color:#22c995; } /*==================== 放大图片蒙层 ====================*/ .dy-enlarge { position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:99999999; width:100%; height:100%; display:none; } .dy-enlarge .enlarge-container { position:absolute; background:#fff; } .dy-enlarge .enlarge-container img { border:5px solid #fff; } /*==================== 悬浮快捷导航 ====================*/ #dy_quicknav { position:fixed; right:0; bottom:10px; padding-bottom:10px; z-index:999; width:72px; } #dy_quicknav .quicknav-container { } #dy_quicknav .quicknav-container .btn { width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative; border-radius:4px; } #dy_quicknav .quicknav-container a.btn-qq { background:url(../Images/icon_quicknav_qq.png) 0px 0px no-repeat; background-color:#1b74e2; } #dy_quicknav .quicknav-container a.btn-qq, #dy_quicknav .quicknav-container a.btn-qq:visited { background:url(../Images/icon_quicknav_qq.png) 0px 0px no-repeat; background-color:#1b74e2; text-decoration:none; display:block; } #dy_quicknav .quicknav-container .btn-wx { background:url(../Images/icon_quicknav_wx.png) 0px 0px no-repeat; background-color:#1b74e2; } #dy_quicknav .quicknav-container .btn-wx .pic { position:absolute; left:-160px; top:0px; display:none; width:160px; height:160px; } #dy_quicknav .quicknav-container .btn-phone { background:url(../Images/icon_quicknav_phone.png) 0px 0px no-repeat; background-color:#1b74e2; } #dy_quicknav .quicknav-container .btn-phone .phone { background-color:#1b74e2; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#fff; font-size:18px; text-align:center; display:none; } #dy_quicknav .quicknav-container .btn-gotop { background:url(../Images/icon_quicknav_gotop.png) 0px 0px no-repeat; background-color:#666666; display:none; } #dy_quicknav .quicknav-container .btn-top:hover { background-color:#444; } /*==================== 底部版权及菜单栏 ====================*/ #dy_footer { display:block; background:url(../Images/bg_bottom.png) repeat-x left bottom #3e3e3e; color:#fff; text-align:left; padding:0; overflow:hidden; } #dy_footer .footer-nav-container { padding:28px 0 25px; border-bottom:1px solid #5b5b5b; overflow:hidden; } #dy_footer .footer-nav-container .nav { height:20px; font-size:0; -webkit-text-size-adjust:none; text-align:center; } #dy_footer .footer-nav-container .nav a { line-height:20px; height:20px; display:inline-block; width:14.285%; text-align:center; color:#bdbdbd; position:relative; font-size:16px; } #dy_footer .footer-nav-container .nav a:hover { color:#fff; } #dy_footer .footer-nav-container .nav a:after { content:''; height:13px; border-left:1px solid #5b5b5b; position:absolute; top:6px; right:0; } #dy_footer .footer-nav-container .nav a:last-child:after { content:none; } #dy_footer .footer-copyright-container { padding:20px 0 35px; overflow:hidden; } #dy_footer .footer-copyright-container .copyright { position:relative; } #dy_footer .footer-copyright-container .copyright .l { width:calc(100% - 150px - 22px); float:left; margin-top:6px; font-size:0; -webkit-text-size-adjust:none; text-align:left; padding-bottom:19px; } #dy_footer .footer-copyright-container .copyright .l .logo { width:126px; background-image:url(../Images/logo_foot.png); background-repeat:no-repeat; background-position:center top; float:left; background-size:80px auto; padding-top:90px; } #dy_footer .footer-copyright-container .copyright .l .logo p { margin:0; color:#808080; height:20px; line-height:20px; font-size:12px; font-weight:700; text-align:center; } #dy_footer .footer-copyright-container .copyright .l .logo p:first-child { height:36px; line-height:36px; font-size:30px; letter-spacing:1.5px; } #dy_footer .footer-copyright-container .copyright .l .info { width:calc(100% - 145px); float:right; height:130px; position:relative; } #dy_footer .footer-copyright-container .copyright .l .info p { margin:0; font-size:14px; color:#838383; line-height:30px; } #dy_footer .footer-copyright-container .copyright .l .info p span { display:inline-block; margin-right:20px; } #dy_footer .footer-copyright-container .copyright .l .info p span:last-child { margin-right:0; } #dy_footer .footer-copyright-container .copyright .l .info p span .gabeian { height:16px; width:16px; padding-right:3px; } #dy_footer .footer-copyright-container .copyright .l .info p a { color:#838383; } #dy_footer .footer-copyright-container .copyright .r { width:134px; height:141px; border:1px solid #797979; padding:10px 11px 19px; float:right; position:relative; } #dy_footer .footer-copyright-container .copyright .r span { display:block; position:absolute; left:51px; bottom:-16px; background:#3e3e3e; line-height:15px; font-size:12px; color:#838383; text-align:center; width:53px; }